<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户管理组件</title>
<style type="text/css">
/* button有两个选择：双线方形按钮；vm风格按钮css3圆角按钮 */
/*button{border:3px double #999;background:url(./img/bg_tbl_odd.gif);height:1.8em;padding:0 0.3em;}*/
button {
	padding: 3px 5px;
	border: 1px solid #333;
	background: url(./img/grad1.gif) repeat-x top #333;
	color: #CCC;
	font-size: 85%;
	text-transform: uppercase;
}
/* ######### 注释 ######### */
body{font-size:12px;}
/* ######### 注释 ######### */
.red, .star{color:red;font-weight:bold;}
/* ######### ######### 注释 ######### ######### */
/* 该方法存在的缺陷：行高固定，textarea和capture无法容纳 */
fieldset {font-size:12px; border:0; padding:0;}
fieldset legend{font-size:2em;}
fieldset dl, fieldset dt, fieldset dd { dis:block; position:relative; *zoom:1; line-height:2.5em; } /* 标准+(line-height) */
fieldset dl:after, fieldset dt:after, fieldset dd:after { content:""; display:block; clear:both; } /* 标准 */
fieldset dl { padding-left:16em; border-bottom:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; } /* 标准+两侧边框+下方边框 */
fieldset dt, fieldset dd{ height:2.5em; padding:0; border-top:1px solid #D6D6D6; } /* 左列和右列的共同属性 */
fieldset dt { width:16em; float:left; clear:left; margin:0; margin-right:-16em; left:-16em;
	color:#333; font-weight:bold; background:#E9E9E9 url(./img/bg_1x1_e9e9e9.gif) 100% 0 repeat-y; } /* 便准+色彩+背景+右侧边框(用背景图实现) */
fieldset dd { float:right; width:100%; clear:right; margin:0; margin-left:0; color:#000; background:#F9FBF0; } /* 标准+色彩+背景 */
fieldset dl dt{text-align:left;} /* 左列文字居左或居右 */
fieldset dl dt label,
fieldset dl dd input,
fieldset dl dd select,
fieldset dl dd textarea{ margin:0;padding:0; margin-left:0.5em; margin-right:0.5em; font-size:12px;} /* 共同属性 */
fieldset dl dt label{}
fieldset dl dd input{height:18px;border:1px solid #ccc;background:url(../../img/bg_input.gif);}
fieldset dl dd select{height:18px;border:1px solid #CCC;}
fieldset dl dd textarea{}

@media (max-width: 480px) {
	fieldset{padding:1em;border:1px solid #999;}
	fieldset dl, fieldset dt, fieldset dd{ line-height:1.5em; }
	fieldset dl{padding:0;border:0;background:none;}
	fieldset dl dt{margin:0;left:0;clear:both;border:0;background:none;}
	fieldset dl dd{float:none;clear:both;margin-left:2em;border:0;background:none;}
	fieldset dl dt, fieldset dl dd{height:auto;}
	fieldset dl dt label{margin-left:0;}

}
</style>
<script type="text/javascript" src="../../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$jform_contact_message = $('#jform_contact_message');
	$jform_contact_message.resize(function(){
		alert('adc');
		height = $jform_contact_message.height();
		$jform_contact_message.parent().css('height',height+=10);
		$jform_contact_message.parent().prev().css('height',height+=10);
	})
})
</script>
</head>

<body>
<h1>用户管理组件</h1>
<hr>
<h2>登录</h2>
<h3>http://demo.joomla.cn/using-joomla/extensions/components/users-component/login-form.html</h3>
<h4>未登录</h4>
<div class="login">
  <form action="/using-joomla/extensions/components/users-component/login-form.html?task=user.login" method="post">
    <fieldset>
      <div class="login-fields">
        <label id="username-lbl" for="username" class="">用户名</label>
        <input type="text" name="username" id="username" value="" class="validate-username" size="25"/>
      </div>
      <div class="login-fields">
        <label id="password-lbl" for="password" class="">密码</label>
        <input type="password" name="password" id="password" value="" class="validate-password" size="25"/>
      </div>
      <div class="login-fields">
        <label id="remember-lbl" for="remember">记住我</label>
        <input id="remember" type="checkbox" name="remember" class="inputbox" value="yes"  alt="记住我" />
      </div>
      <button type="submit" class="button">登录</button>
      <input type="hidden" name="return" value="aW5kZXgucGhwP29wdGlvbj1jb21fdXNlcnMmdmlldz1wcm9maWxl" />
      <input type="hidden" name="e6a3f578000208c349aaeb11d1c56b4e" value="1" />
    </fieldset>
  </form>
  <div>
    <ul>
      <li> <a href="/using-joomla/extensions/components/users-component/password-reset.html"> 忘记密码?</a> </li>
      <li> <a href="/using-joomla/extensions/components/users-component/username-reminder.html"> 忘记用户名?</a> </li>
      <li> <a href="/using-joomla/extensions/components/users-component/registration-form.html"> 没有账户?</a> </li>
    </ul>
  </div>
</div>
<h4>已登录</h4>
<div class="logout">
<form action="/using-joomla/extensions/components/users-component/login-form.html?task=user.logout" method="post">
  <div>
    <button type="submit" class="button">退出</button>
    <input type="hidden" name="return" value="aW5kZXgucGhwP29wdGlvbj1jb21fdXNlcnMmdmlldz1wcm9maWxl" />
    <input type="hidden" name="3bff41bd3b10a5e7b2f3205e436df975" value="1" />
  </div>
</form>
<hr>
<h2>用户资料</h2>
<h3>http://demo.joomla.cn/using-joomla/extensions/components/users-component/user-profile/profile.html</h3>
<div class="profile">
  <fieldset id="users-profile-core">
    <legend> 用户资料 </legend>
    <dl>
      <dt> 姓名： </dt>
      <dd> demo </dd>
      <dt> 用户名： </dt>
      <dd> demo </dd>
      <dt> 注册日期 </dt>
      <dd> 2012-08-28 16:03 </dd>
      <dt> 最后登录时间 </dt>
      <dd> 2012-09-04 06:11 </dd>
    </dl>
  </fieldset>
  <fieldset id="users-profile-custom">
    <legend>基本设置</legend>
    <dl>
      <dt>主编</dt>
      <dd> 没输入任何信息 </dd>
      <dt>时区</dt>
      <dd> 没输入任何信息 </dd>
      <dt>前台语言</dt>
      <dd> 没输入任何信息 </dd>
      <dt>后台模板风格</dt>
      <dd> 没输入任何信息 </dd>
      <dt>后台管理语言</dt>
      <dd> 没输入任何信息 </dd>
      <dt>帮助网站</dt>
      <dd> 没输入任何信息 </dd>
    </dl>
  </fieldset>
  <a href="/using-joomla/extensions/components/users-component/user-profile.html?task=profile.edit&amp;user_id=45"> 编辑用户资料</a> </div>
<hr>
<h2>编辑用户资料</h2>
<h3>http://demo.joomla.cn/using-joomla/extensions/components/users-component/edit-user-profile.html</h3>
<div class="profile-edit">
  <form id="member-profile" action="/using-joomla/extensions/components/users-component/edit-user-profile.html?task=profile.save" method="post" class="form-validate" enctype="multipart/form-data">
    <fieldset>
      <legend>编辑您的用户资料</legend>
      <dl>
        <input type="hidden" name="jform[id]" id="jform_id" value="45" />
        <dt>
          <label id="jform_name-lbl" for="jform_name" class="hasTip required" title="姓名：::输入您的全名">姓名：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[name]" id="jform_name" value="demo" class="required" size="30"/>
        </dd>
        <dt>
          <label id="jform_username-lbl" for="jform_username" class="hasTip" title="用户名：::如果您想修改您的用户名，请联系本站的管理员">用户名：</label>
        </dt>
        <dd>
          <input type="text" name="jform[username]" id="jform_username" value="demo" class="" size="30" readonly="readonly"/>
        </dd>
        <dt>
          <label id="jform_password1-lbl" for="jform_password1" class="hasTip" title="密码：::输入您希望的密码-最少四个字符">密码：</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <input type="password" name="jform[password1]" id="jform_password1" value="" autocomplete="off" class="validate-password" size="30"/>
        </dd>
        <dt>
          <label id="jform_password2-lbl" for="jform_password2" class="hasTip" title="验证密码：::验证您的密码">验证密码：</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <input type="password" name="jform[password2]" id="jform_password2" value="" autocomplete="off" class="validate-password" size="30"/>
        </dd>
        <dt>
          <label id="jform_email1-lbl" for="jform_email1" class="hasTip required" title="E邮箱地址：::输入您的邮箱地址">E邮箱地址：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[email1]" class="validate-email required" id="jform_email1" value="demo@joomla.cn" size="30"/>
        </dd>
        <dt>
          <label id="jform_email2-lbl" for="jform_email2" class="hasTip required" title="验证邮箱地址：::验证您的邮箱地址">验证邮箱地址：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[email2]" class="validate-email required" id="jform_email2" value="demo@joomla.cn" size="30"/>
        </dd>
      </dl>
    </fieldset>
    <fieldset>
      <legend>基本设置</legend>
      <dl>
        <dt>
          <label id="jform_params_editor-lbl" for="jform_params_editor" class="hasTip" title="主编::选择您的文本编辑器">主编</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <select id="jform_params_editor" name="jform[params][editor]">
            <option value="" selected="selected">- 使用默认值 -</option>
            <option value="codemirror">编辑器 - CodeMirror</option>
            <option value="none">编辑器 - 无</option>
            <option value="tinymce">编辑器 - TinyMCE</option>
          </select>
        </dd>
        <dt>
          <label id="jform_params_timezone-lbl" for="jform_params_timezone" class="hasTip" title="时区::在这里选择您的时区">时区</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <select id="jform_params_timezone" name="jform[params][timezone]">
            <option value="" selected="selected">- 使用默认值 -</option>
            <optgroup label="Africa">
            <option value="Africa/Abidjan">Abidjan</option>
            <option value="Africa/Accra">Accra</option>
            <option value="Africa/Addis_Ababa">Addis Ababa</option>
            <option value="Africa/Algiers">Algiers</option>
            <option value="Africa/Asmara">Asmara</option>
            <option value="Africa/Asmera">Asmera</option>
            <option value="Africa/Bamako">Bamako</option>
            <option value="Africa/Bangui">Bangui</option>
            <option value="Africa/Banjul">Banjul</option>
            <option value="Africa/Bissau">Bissau</option>
            <option value="Africa/Blantyre">Blantyre</option>
            <option value="Africa/Brazzaville">Brazzaville</option>
            <option value="Africa/Bujumbura">Bujumbura</option>
            <option value="Africa/Cairo">Cairo</option>
            <option value="Africa/Casablanca">Casablanca</option>
            <option value="Africa/Ceuta">Ceuta</option>
            <option value="Africa/Conakry">Conakry</option>
            <option value="Africa/Dakar">Dakar</option>
            <option value="Africa/Dar_es_Salaam">Dar es Salaam</option>
            <option value="Africa/Djibouti">Djibouti</option>
            <option value="Africa/Douala">Douala</option>
            <option value="Africa/El_Aaiun">El Aaiun</option>
            <option value="Africa/Freetown">Freetown</option>
            <option value="Africa/Gaborone">Gaborone</option>
            <option value="Africa/Harare">Harare</option>
            <option value="Africa/Johannesburg">Johannesburg</option>
            <option value="Africa/Kampala">Kampala</option>
            <option value="Africa/Khartoum">Khartoum</option>
            <option value="Africa/Kigali">Kigali</option>
            <option value="Africa/Kinshasa">Kinshasa</option>
            <option value="Africa/Lagos">Lagos</option>
            <option value="Africa/Libreville">Libreville</option>
            <option value="Africa/Lome">Lome</option>
            <option value="Africa/Luanda">Luanda</option>
            <option value="Africa/Lubumbashi">Lubumbashi</option>
            <option value="Africa/Lusaka">Lusaka</option>
            <option value="Africa/Malabo">Malabo</option>
            <option value="Africa/Maputo">Maputo</option>
            <option value="Africa/Maseru">Maseru</option>
            <option value="Africa/Mbabane">Mbabane</option>
            <option value="Africa/Mogadishu">Mogadishu</option>
            <option value="Africa/Monrovia">Monrovia</option>
            <option value="Africa/Nairobi">Nairobi</option>
            <option value="Africa/Ndjamena">Ndjamena</option>
            <option value="Africa/Niamey">Niamey</option>
            <option value="Africa/Nouakchott">Nouakchott</option>
            <option value="Africa/Ouagadougou">Ouagadougou</option>
            <option value="Africa/Porto-Novo">Porto-Novo</option>
            <option value="Africa/Sao_Tome">Sao Tome</option>
            <option value="Africa/Timbuktu">Timbuktu</option>
            <option value="Africa/Tripoli">Tripoli</option>
            <option value="Africa/Tunis">Tunis</option>
            <option value="Africa/Windhoek">Windhoek</option>
            </optgroup>
            <optgroup label="America">
            <option value="America/Adak">Adak</option>
            <option value="America/Anchorage">Anchorage</option>
            <option value="America/Anguilla">Anguilla</option>
            <option value="America/Antigua">Antigua</option>
            <option value="America/Araguaina">Araguaina</option>
            <option value="America/Argentina/Buenos_Aires">Argentina/Buenos Aires</option>
            <option value="America/Argentina/Catamarca">Argentina/Catamarca</option>
            <option value="America/Argentina/ComodRivadavia">Argentina/ComodRivadavia</option>
            <option value="America/Argentina/Cordoba">Argentina/Cordoba</option>
            <option value="America/Argentina/Jujuy">Argentina/Jujuy</option>
            <option value="America/Argentina/La_Rioja">Argentina/La Rioja</option>
            <option value="America/Argentina/Mendoza">Argentina/Mendoza</option>
            <option value="America/Argentina/Rio_Gallegos">Argentina/Rio Gallegos</option>
            <option value="America/Argentina/Salta">Argentina/Salta</option>
            <option value="America/Argentina/San_Juan">Argentina/San Juan</option>
            <option value="America/Argentina/San_Luis">Argentina/San Luis</option>
            <option value="America/Argentina/Tucuman">Argentina/Tucuman</option>
            <option value="America/Argentina/Ushuaia">Argentina/Ushuaia</option>
            <option value="America/Aruba">Aruba</option>
            <option value="America/Asuncion">Asuncion</option>
            <option value="America/Atikokan">Atikokan</option>
            <option value="America/Atka">Atka</option>
            <option value="America/Bahia">Bahia</option>
            <option value="America/Barbados">Barbados</option>
            <option value="America/Belem">Belem</option>
            <option value="America/Belize">Belize</option>
            <option value="America/Blanc-Sablon">Blanc-Sablon</option>
            <option value="America/Boa_Vista">Boa Vista</option>
            <option value="America/Bogota">Bogota</option>
            <option value="America/Boise">Boise</option>
            <option value="America/Buenos_Aires">Buenos Aires</option>
            <option value="America/Cambridge_Bay">Cambridge Bay</option>
            <option value="America/Campo_Grande">Campo Grande</option>
            <option value="America/Cancun">Cancun</option>
            <option value="America/Caracas">Caracas</option>
            <option value="America/Catamarca">Catamarca</option>
            <option value="America/Cayenne">Cayenne</option>
            <option value="America/Cayman">Cayman</option>
            <option value="America/Chicago">Chicago</option>
            <option value="America/Chihuahua">Chihuahua</option>
            <option value="America/Coral_Harbour">Coral Harbour</option>
            <option value="America/Cordoba">Cordoba</option>
            <option value="America/Costa_Rica">Costa Rica</option>
            <option value="America/Cuiaba">Cuiaba</option>
            <option value="America/Curacao">Curacao</option>
            <option value="America/Danmarkshavn">Danmarkshavn</option>
            <option value="America/Dawson">Dawson</option>
            <option value="America/Dawson_Creek">Dawson Creek</option>
            <option value="America/Denver">Denver</option>
            <option value="America/Detroit">Detroit</option>
            <option value="America/Dominica">Dominica</option>
            <option value="America/Edmonton">Edmonton</option>
            <option value="America/Eirunepe">Eirunepe</option>
            <option value="America/El_Salvador">El Salvador</option>
            <option value="America/Ensenada">Ensenada</option>
            <option value="America/Fort_Wayne">Fort Wayne</option>
            <option value="America/Fortaleza">Fortaleza</option>
            <option value="America/Glace_Bay">Glace Bay</option>
            <option value="America/Godthab">Godthab</option>
            <option value="America/Goose_Bay">Goose Bay</option>
            <option value="America/Grand_Turk">Grand Turk</option>
            <option value="America/Grenada">Grenada</option>
            <option value="America/Guadeloupe">Guadeloupe</option>
            <option value="America/Guatemala">Guatemala</option>
            <option value="America/Guayaquil">Guayaquil</option>
            <option value="America/Guyana">Guyana</option>
            <option value="America/Halifax">Halifax</option>
            <option value="America/Havana">Havana</option>
            <option value="America/Hermosillo">Hermosillo</option>
            <option value="America/Indiana/Indianapolis">Indiana/Indianapolis</option>
            <option value="America/Indiana/Knox">Indiana/Knox</option>
            <option value="America/Indiana/Marengo">Indiana/Marengo</option>
            <option value="America/Indiana/Petersburg">Indiana/Petersburg</option>
            <option value="America/Indiana/Tell_City">Indiana/Tell City</option>
            <option value="America/Indiana/Vevay">Indiana/Vevay</option>
            <option value="America/Indiana/Vincennes">Indiana/Vincennes</option>
            <option value="America/Indiana/Winamac">Indiana/Winamac</option>
            <option value="America/Indianapolis">Indianapolis</option>
            <option value="America/Inuvik">Inuvik</option>
            <option value="America/Iqaluit">Iqaluit</option>
            <option value="America/Jamaica">Jamaica</option>
            <option value="America/Jujuy">Jujuy</option>
            <option value="America/Juneau">Juneau</option>
            <option value="America/Kentucky/Louisville">Kentucky/Louisville</option>
            <option value="America/Kentucky/Monticello">Kentucky/Monticello</option>
            <option value="America/Knox_IN">Knox IN</option>
            <option value="America/La_Paz">La Paz</option>
            <option value="America/Lima">Lima</option>
            <option value="America/Los_Angeles">Los Angeles</option>
            <option value="America/Louisville">Louisville</option>
            <option value="America/Maceio">Maceio</option>
            <option value="America/Managua">Managua</option>
            <option value="America/Manaus">Manaus</option>
            <option value="America/Marigot">Marigot</option>
            <option value="America/Martinique">Martinique</option>
            <option value="America/Matamoros">Matamoros</option>
            <option value="America/Mazatlan">Mazatlan</option>
            <option value="America/Mendoza">Mendoza</option>
            <option value="America/Menominee">Menominee</option>
            <option value="America/Merida">Merida</option>
            <option value="America/Mexico_City">Mexico City</option>
            <option value="America/Miquelon">Miquelon</option>
            <option value="America/Moncton">Moncton</option>
            <option value="America/Monterrey">Monterrey</option>
            <option value="America/Montevideo">Montevideo</option>
            <option value="America/Montreal">Montreal</option>
            <option value="America/Montserrat">Montserrat</option>
            <option value="America/Nassau">Nassau</option>
            <option value="America/New_York">New York</option>
            <option value="America/Nipigon">Nipigon</option>
            <option value="America/Nome">Nome</option>
            <option value="America/Noronha">Noronha</option>
            <option value="America/North_Dakota/Center">North Dakota/Center</option>
            <option value="America/North_Dakota/New_Salem">North Dakota/New Salem</option>
            <option value="America/Ojinaga">Ojinaga</option>
            <option value="America/Panama">Panama</option>
            <option value="America/Pangnirtung">Pangnirtung</option>
            <option value="America/Paramaribo">Paramaribo</option>
            <option value="America/Phoenix">Phoenix</option>
            <option value="America/Port-au-Prince">Port-au-Prince</option>
            <option value="America/Port_of_Spain">Port of Spain</option>
            <option value="America/Porto_Acre">Porto Acre</option>
            <option value="America/Porto_Velho">Porto Velho</option>
            <option value="America/Puerto_Rico">Puerto Rico</option>
            <option value="America/Rainy_River">Rainy River</option>
            <option value="America/Rankin_Inlet">Rankin Inlet</option>
            <option value="America/Recife">Recife</option>
            <option value="America/Regina">Regina</option>
            <option value="America/Resolute">Resolute</option>
            <option value="America/Rio_Branco">Rio Branco</option>
            <option value="America/Rosario">Rosario</option>
            <option value="America/Santa_Isabel">Santa Isabel</option>
            <option value="America/Santarem">Santarem</option>
            <option value="America/Santiago">Santiago</option>
            <option value="America/Santo_Domingo">Santo Domingo</option>
            <option value="America/Sao_Paulo">Sao Paulo</option>
            <option value="America/Scoresbysund">Scoresbysund</option>
            <option value="America/Shiprock">Shiprock</option>
            <option value="America/St_Barthelemy">St Barthelemy</option>
            <option value="America/St_Johns">St Johns</option>
            <option value="America/St_Kitts">St Kitts</option>
            <option value="America/St_Lucia">St Lucia</option>
            <option value="America/St_Thomas">St Thomas</option>
            <option value="America/St_Vincent">St Vincent</option>
            <option value="America/Swift_Current">Swift Current</option>
            <option value="America/Tegucigalpa">Tegucigalpa</option>
            <option value="America/Thule">Thule</option>
            <option value="America/Thunder_Bay">Thunder Bay</option>
            <option value="America/Tijuana">Tijuana</option>
            <option value="America/Toronto">Toronto</option>
            <option value="America/Tortola">Tortola</option>
            <option value="America/Vancouver">Vancouver</option>
            <option value="America/Virgin">Virgin</option>
            <option value="America/Whitehorse">Whitehorse</option>
            <option value="America/Winnipeg">Winnipeg</option>
            <option value="America/Yakutat">Yakutat</option>
            <option value="America/Yellowknife">Yellowknife</option>
            </optgroup>
            <optgroup label="Antarctica">
            <option value="Antarctica/Casey">Casey</option>
            <option value="Antarctica/Davis">Davis</option>
            <option value="Antarctica/DumontDUrville">DumontDUrville</option>
            <option value="Antarctica/Macquarie">Macquarie</option>
            <option value="Antarctica/Mawson">Mawson</option>
            <option value="Antarctica/McMurdo">McMurdo</option>
            <option value="Antarctica/Palmer">Palmer</option>
            <option value="Antarctica/Rothera">Rothera</option>
            <option value="Antarctica/South_Pole">South Pole</option>
            <option value="Antarctica/Syowa">Syowa</option>
            <option value="Antarctica/Vostok">Vostok</option>
            </optgroup>
            <optgroup label="Arctic">
            <option value="Arctic/Longyearbyen">Longyearbyen</option>
            </optgroup>
            <optgroup label="Asia">
            <option value="Asia/Aden">Aden</option>
            <option value="Asia/Almaty">Almaty</option>
            <option value="Asia/Amman">Amman</option>
            <option value="Asia/Anadyr">Anadyr</option>
            <option value="Asia/Aqtau">Aqtau</option>
            <option value="Asia/Aqtobe">Aqtobe</option>
            <option value="Asia/Ashgabat">Ashgabat</option>
            <option value="Asia/Ashkhabad">Ashkhabad</option>
            <option value="Asia/Baghdad">Baghdad</option>
            <option value="Asia/Bahrain">Bahrain</option>
            <option value="Asia/Baku">Baku</option>
            <option value="Asia/Bangkok">Bangkok</option>
            <option value="Asia/Beirut">Beirut</option>
            <option value="Asia/Bishkek">Bishkek</option>
            <option value="Asia/Brunei">Brunei</option>
            <option value="Asia/Calcutta">Calcutta</option>
            <option value="Asia/Choibalsan">Choibalsan</option>
            <option value="Asia/Chongqing">Chongqing</option>
            <option value="Asia/Chungking">Chungking</option>
            <option value="Asia/Colombo">Colombo</option>
            <option value="Asia/Dacca">Dacca</option>
            <option value="Asia/Damascus">Damascus</option>
            <option value="Asia/Dhaka">Dhaka</option>
            <option value="Asia/Dili">Dili</option>
            <option value="Asia/Dubai">Dubai</option>
            <option value="Asia/Dushanbe">Dushanbe</option>
            <option value="Asia/Gaza">Gaza</option>
            <option value="Asia/Harbin">Harbin</option>
            <option value="Asia/Ho_Chi_Minh">Ho Chi Minh</option>
            <option value="Asia/Hong_Kong">Hong Kong</option>
            <option value="Asia/Hovd">Hovd</option>
            <option value="Asia/Irkutsk">Irkutsk</option>
            <option value="Asia/Istanbul">Istanbul</option>
            <option value="Asia/Jakarta">Jakarta</option>
            <option value="Asia/Jayapura">Jayapura</option>
            <option value="Asia/Jerusalem">Jerusalem</option>
            <option value="Asia/Kabul">Kabul</option>
            <option value="Asia/Kamchatka">Kamchatka</option>
            <option value="Asia/Karachi">Karachi</option>
            <option value="Asia/Kashgar">Kashgar</option>
            <option value="Asia/Kathmandu">Kathmandu</option>
            <option value="Asia/Katmandu">Katmandu</option>
            <option value="Asia/Kolkata">Kolkata</option>
            <option value="Asia/Krasnoyarsk">Krasnoyarsk</option>
            <option value="Asia/Kuala_Lumpur">Kuala Lumpur</option>
            <option value="Asia/Kuching">Kuching</option>
            <option value="Asia/Kuwait">Kuwait</option>
            <option value="Asia/Macao">Macao</option>
            <option value="Asia/Macau">Macau</option>
            <option value="Asia/Magadan">Magadan</option>
            <option value="Asia/Makassar">Makassar</option>
            <option value="Asia/Manila">Manila</option>
            <option value="Asia/Muscat">Muscat</option>
            <option value="Asia/Nicosia">Nicosia</option>
            <option value="Asia/Novokuznetsk">Novokuznetsk</option>
            <option value="Asia/Novosibirsk">Novosibirsk</option>
            <option value="Asia/Omsk">Omsk</option>
            <option value="Asia/Oral">Oral</option>
            <option value="Asia/Phnom_Penh">Phnom Penh</option>
            <option value="Asia/Pontianak">Pontianak</option>
            <option value="Asia/Pyongyang">Pyongyang</option>
            <option value="Asia/Qatar">Qatar</option>
            <option value="Asia/Qyzylorda">Qyzylorda</option>
            <option value="Asia/Rangoon">Rangoon</option>
            <option value="Asia/Riyadh">Riyadh</option>
            <option value="Asia/Saigon">Saigon</option>
            <option value="Asia/Sakhalin">Sakhalin</option>
            <option value="Asia/Samarkand">Samarkand</option>
            <option value="Asia/Seoul">Seoul</option>
            <option value="Asia/Shanghai">Shanghai</option>
            <option value="Asia/Singapore">Singapore</option>
            <option value="Asia/Taipei">Taipei</option>
            <option value="Asia/Tashkent">Tashkent</option>
            <option value="Asia/Tbilisi">Tbilisi</option>
            <option value="Asia/Tehran">Tehran</option>
            <option value="Asia/Tel_Aviv">Tel Aviv</option>
            <option value="Asia/Thimbu">Thimbu</option>
            <option value="Asia/Thimphu">Thimphu</option>
            <option value="Asia/Tokyo">Tokyo</option>
            <option value="Asia/Ujung_Pandang">Ujung Pandang</option>
            <option value="Asia/Ulaanbaatar">Ulaanbaatar</option>
            <option value="Asia/Ulan_Bator">Ulan Bator</option>
            <option value="Asia/Urumqi">Urumqi</option>
            <option value="Asia/Vientiane">Vientiane</option>
            <option value="Asia/Vladivostok">Vladivostok</option>
            <option value="Asia/Yakutsk">Yakutsk</option>
            <option value="Asia/Yekaterinburg">Yekaterinburg</option>
            <option value="Asia/Yerevan">Yerevan</option>
            </optgroup>
            <optgroup label="Atlantic">
            <option value="Atlantic/Azores">Azores</option>
            <option value="Atlantic/Bermuda">Bermuda</option>
            <option value="Atlantic/Canary">Canary</option>
            <option value="Atlantic/Cape_Verde">Cape Verde</option>
            <option value="Atlantic/Faeroe">Faeroe</option>
            <option value="Atlantic/Faroe">Faroe</option>
            <option value="Atlantic/Jan_Mayen">Jan Mayen</option>
            <option value="Atlantic/Madeira">Madeira</option>
            <option value="Atlantic/Reykjavik">Reykjavik</option>
            <option value="Atlantic/South_Georgia">South Georgia</option>
            <option value="Atlantic/St_Helena">St Helena</option>
            <option value="Atlantic/Stanley">Stanley</option>
            </optgroup>
            <optgroup label="Australia">
            <option value="Australia/ACT">ACT</option>
            <option value="Australia/Adelaide">Adelaide</option>
            <option value="Australia/Brisbane">Brisbane</option>
            <option value="Australia/Broken_Hill">Broken Hill</option>
            <option value="Australia/Canberra">Canberra</option>
            <option value="Australia/Currie">Currie</option>
            <option value="Australia/Darwin">Darwin</option>
            <option value="Australia/Eucla">Eucla</option>
            <option value="Australia/Hobart">Hobart</option>
            <option value="Australia/LHI">LHI</option>
            <option value="Australia/Lindeman">Lindeman</option>
            <option value="Australia/Lord_Howe">Lord Howe</option>
            <option value="Australia/Melbourne">Melbourne</option>
            <option value="Australia/NSW">NSW</option>
            <option value="Australia/North">North</option>
            <option value="Australia/Perth">Perth</option>
            <option value="Australia/Queensland">Queensland</option>
            <option value="Australia/South">South</option>
            <option value="Australia/Sydney">Sydney</option>
            <option value="Australia/Tasmania">Tasmania</option>
            <option value="Australia/Victoria">Victoria</option>
            <option value="Australia/West">West</option>
            <option value="Australia/Yancowinna">Yancowinna</option>
            </optgroup>
            <optgroup label="Europe">
            <option value="Europe/Amsterdam">Amsterdam</option>
            <option value="Europe/Andorra">Andorra</option>
            <option value="Europe/Athens">Athens</option>
            <option value="Europe/Belfast">Belfast</option>
            <option value="Europe/Belgrade">Belgrade</option>
            <option value="Europe/Berlin">Berlin</option>
            <option value="Europe/Bratislava">Bratislava</option>
            <option value="Europe/Brussels">Brussels</option>
            <option value="Europe/Bucharest">Bucharest</option>
            <option value="Europe/Budapest">Budapest</option>
            <option value="Europe/Chisinau">Chisinau</option>
            <option value="Europe/Copenhagen">Copenhagen</option>
            <option value="Europe/Dublin">Dublin</option>
            <option value="Europe/Gibraltar">Gibraltar</option>
            <option value="Europe/Guernsey">Guernsey</option>
            <option value="Europe/Helsinki">Helsinki</option>
            <option value="Europe/Isle_of_Man">Isle of Man</option>
            <option value="Europe/Istanbul">Istanbul</option>
            <option value="Europe/Jersey">Jersey</option>
            <option value="Europe/Kaliningrad">Kaliningrad</option>
            <option value="Europe/Kiev">Kiev</option>
            <option value="Europe/Lisbon">Lisbon</option>
            <option value="Europe/Ljubljana">Ljubljana</option>
            <option value="Europe/London">London</option>
            <option value="Europe/Luxembourg">Luxembourg</option>
            <option value="Europe/Madrid">Madrid</option>
            <option value="Europe/Malta">Malta</option>
            <option value="Europe/Mariehamn">Mariehamn</option>
            <option value="Europe/Minsk">Minsk</option>
            <option value="Europe/Monaco">Monaco</option>
            <option value="Europe/Moscow">Moscow</option>
            <option value="Europe/Nicosia">Nicosia</option>
            <option value="Europe/Oslo">Oslo</option>
            <option value="Europe/Paris">Paris</option>
            <option value="Europe/Podgorica">Podgorica</option>
            <option value="Europe/Prague">Prague</option>
            <option value="Europe/Riga">Riga</option>
            <option value="Europe/Rome">Rome</option>
            <option value="Europe/Samara">Samara</option>
            <option value="Europe/San_Marino">San Marino</option>
            <option value="Europe/Sarajevo">Sarajevo</option>
            <option value="Europe/Simferopol">Simferopol</option>
            <option value="Europe/Skopje">Skopje</option>
            <option value="Europe/Sofia">Sofia</option>
            <option value="Europe/Stockholm">Stockholm</option>
            <option value="Europe/Tallinn">Tallinn</option>
            <option value="Europe/Tirane">Tirane</option>
            <option value="Europe/Tiraspol">Tiraspol</option>
            <option value="Europe/Uzhgorod">Uzhgorod</option>
            <option value="Europe/Vaduz">Vaduz</option>
            <option value="Europe/Vatican">Vatican</option>
            <option value="Europe/Vienna">Vienna</option>
            <option value="Europe/Vilnius">Vilnius</option>
            <option value="Europe/Volgograd">Volgograd</option>
            <option value="Europe/Warsaw">Warsaw</option>
            <option value="Europe/Zagreb">Zagreb</option>
            <option value="Europe/Zaporozhye">Zaporozhye</option>
            <option value="Europe/Zurich">Zurich</option>
            </optgroup>
            <optgroup label="Indian">
            <option value="Indian/Antananarivo">Antananarivo</option>
            <option value="Indian/Chagos">Chagos</option>
            <option value="Indian/Christmas">Christmas</option>
            <option value="Indian/Cocos">Cocos</option>
            <option value="Indian/Comoro">Comoro</option>
            <option value="Indian/Kerguelen">Kerguelen</option>
            <option value="Indian/Mahe">Mahe</option>
            <option value="Indian/Maldives">Maldives</option>
            <option value="Indian/Mauritius">Mauritius</option>
            <option value="Indian/Mayotte">Mayotte</option>
            <option value="Indian/Reunion">Reunion</option>
            </optgroup>
            <optgroup label="Pacific">
            <option value="Pacific/Apia">Apia</option>
            <option value="Pacific/Auckland">Auckland</option>
            <option value="Pacific/Chatham">Chatham</option>
            <option value="Pacific/Easter">Easter</option>
            <option value="Pacific/Efate">Efate</option>
            <option value="Pacific/Enderbury">Enderbury</option>
            <option value="Pacific/Fakaofo">Fakaofo</option>
            <option value="Pacific/Fiji">Fiji</option>
            <option value="Pacific/Funafuti">Funafuti</option>
            <option value="Pacific/Galapagos">Galapagos</option>
            <option value="Pacific/Gambier">Gambier</option>
            <option value="Pacific/Guadalcanal">Guadalcanal</option>
            <option value="Pacific/Guam">Guam</option>
            <option value="Pacific/Honolulu">Honolulu</option>
            <option value="Pacific/Johnston">Johnston</option>
            <option value="Pacific/Kiritimati">Kiritimati</option>
            <option value="Pacific/Kosrae">Kosrae</option>
            <option value="Pacific/Kwajalein">Kwajalein</option>
            <option value="Pacific/Majuro">Majuro</option>
            <option value="Pacific/Marquesas">Marquesas</option>
            <option value="Pacific/Midway">Midway</option>
            <option value="Pacific/Nauru">Nauru</option>
            <option value="Pacific/Niue">Niue</option>
            <option value="Pacific/Norfolk">Norfolk</option>
            <option value="Pacific/Noumea">Noumea</option>
            <option value="Pacific/Pago_Pago">Pago Pago</option>
            <option value="Pacific/Palau">Palau</option>
            <option value="Pacific/Pitcairn">Pitcairn</option>
            <option value="Pacific/Ponape">Ponape</option>
            <option value="Pacific/Port_Moresby">Port Moresby</option>
            <option value="Pacific/Rarotonga">Rarotonga</option>
            <option value="Pacific/Saipan">Saipan</option>
            <option value="Pacific/Samoa">Samoa</option>
            <option value="Pacific/Tahiti">Tahiti</option>
            <option value="Pacific/Tarawa">Tarawa</option>
            <option value="Pacific/Tongatapu">Tongatapu</option>
            <option value="Pacific/Truk">Truk</option>
            <option value="Pacific/Wake">Wake</option>
            <option value="Pacific/Wallis">Wallis</option>
            <option value="Pacific/Yap">Yap</option>
            </optgroup>
          </select>
        </dd>
        <dt>
          <label id="jform_params_language-lbl" for="jform_params_language" class="hasTip" title="前台语言::在这里为您的前台选择默认语言">前台语言</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <select id="jform_params_language" name="jform[params][language]">
            <option value="" selected="selected">- 使用默认值 -</option>
            <option value="en-GB">English (United Kingdom)</option>
            <option value="zh-CN">中文（简体）</option>
          </select>
        </dd>
        <dt>
          <label id="jform_params_admin_style-lbl" for="jform_params_admin_style" class="hasTip" title="后台模板风格::为该用户选择后台管理的模板风格。">后台模板风格</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <select id="jform_params_admin_style" name="jform[params][admin_style]">
            <option value="" selected="selected">- 使用默认值 -</option>
            <optgroup label="Bluestork后台管理模板">
            <option value="2">Bluestork - 后台默认</option>
            </optgroup>
            <optgroup label="Hathor 系统管理模板">
            <option value="5">Hathor - 后台默认</option>
            </optgroup>
          </select>
        </dd>
        <dt>
          <label id="jform_params_admin_language-lbl" for="jform_params_admin_language" class="hasTip" title="后台管理语言::在这里为您的后台管理选择默认的语言">后台管理语言</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <select id="jform_params_admin_language" name="jform[params][admin_language]">
            <option value="" selected="selected">- 使用默认值 -</option>
            <option value="en-GB">English (United Kingdom)</option>
            <option value="zh-CN">简体中文</option>
          </select>
        </dd>
        <dt>
          <label id="jform_params_helpsite-lbl" for="jform_params_helpsite" class="hasTip" title="帮助网站::后台帮助网站">帮助网站</label>
          <span class="optional">（可选的）</span> </dt>
        <dd>
          <select id="jform_params_helpsite" name="jform[params][helpsite]">
            <option value="" selected="selected">- 使用默认值 -</option>
            <option value="http://help.joomla.org/proxy/index.php?option=com_help&amp;keyref=Help{major}{minor}:{keyref}">English (GB) - Joomla help wiki</option>
          </select>
        </dd>
      </dl>
    </fieldset>
    <div>
      <button type="submit" class="validate"><span>提交</span></button>
      或 <a href="/" title="取消">取消</a>
      <input type="hidden" name="option" value="com_users" />
      <input type="hidden" name="task" value="profile.save" />
      <input type="hidden" name="3bff41bd3b10a5e7b2f3205e436df975" value="1" />
    </div>
  </form>
</div>
<hr>
<h2>注册</h2>
<h3>http://demo.joomla.cn/using-joomla/extensions/components/users-component/registration-form.html</h3>
<div class="registration">
  <form id="member-registration" action="/using-joomla/extensions/components/users-component/registration-form.html?task=registration.register" method="post" class="form-validate">
    <fieldset>
      <legend>用户注册</legend>
      <dl>
        <dt> <span class="spacer"><span class="before"></span><span class="text">
          <label id="jform_spacer-lbl" class=""><strong class="red">*</strong> 必填字段</label>
          </span><span class="after"></span></span> </dt>
        <dd>&#160;</dd>
        <dt>
          <label id="jform_name-lbl" for="jform_name" class="hasTip required" title="姓名：::输入您的全名">姓名：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[name]" id="jform_name" value="" class="required" size="30"/>
        </dd>
        <dt>
          <label id="jform_username-lbl" for="jform_username" class="hasTip required" title="用户名：::输入您希望的用户名">用户名：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[username]" id="jform_username" value="" class="validate-username required" size="30"/>
        </dd>
        <dt>
          <label id="jform_password1-lbl" for="jform_password1" class="hasTip required" title="密码：::输入您希望的密码-最少四个字符">密码：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="password" name="jform[password1]" id="jform_password1" value="" autocomplete="off" class="validate-password required" size="30"/>
        </dd>
        <dt>
          <label id="jform_password2-lbl" for="jform_password2" class="hasTip required" title="验证密码：::验证您的密码">验证密码：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="password" name="jform[password2]" id="jform_password2" value="" autocomplete="off" class="validate-password required" size="30"/>
        </dd>
        <dt>
          <label id="jform_email1-lbl" for="jform_email1" class="hasTip required" title="邮箱地址：::输入您的邮箱地址">邮箱地址：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[email1]" class="validate-email required" id="jform_email1" value="" size="30"/>
        </dd>
        <dt>
          <label id="jform_email2-lbl" for="jform_email2" class="hasTip required" title="验证邮箱地址：::验证您的邮箱地址">验证邮箱地址：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[email2]" class="validate-email required" id="jform_email2" value="" size="30"/>
        </dd>
      </dl>
    </fieldset>
    <div>
      <button type="submit" class="validate">注册</button>
      或 <a href="/" title="取消">取消</a>
      <input type="hidden" name="option" value="com_users" />
      <input type="hidden" name="task" value="registration.register" />
      <input type="hidden" name="aa356d4893daa66cacdab7f63869b688" value="1" />
    </div>
  </form>
</div>
<hr>
<h2>用户名提醒请求</h2>
<h3>http://demo.joomla.cn/using-joomla/extensions/components/users-component/username-reminder.html</h3>
<div class="remind">
  <form id="user-registration" action="/using-joomla/extensions/components/users-component/username-reminder.html?task=remind.remind" method="post" class="form-validate">
    <p>请输入和您账户相关联的邮箱地址。您的用户名会被发送到该邮箱地址。</p>
    <fieldset>
      <dl>
        <dt>
          <label id="jform_email-lbl" for="jform_email" class="hasTip required" title="邮箱地址：::请输入和您账户关联的邮箱地址。&lt;br /&gt; 您的用户名会被发送到该邮箱地址中。">邮箱地址：<span class="star">&#160;*</span></label>
        </dt>
        <dd>
          <input type="text" name="jform[email]" class="validate-email required" id="jform_email" value="" size="30"/>
        </dd>
        <dt></dt>
        <dd></dd>
      </dl>
    </fieldset>
    <div>
      <button type="submit" class="validate">提交</button>
      <input type="hidden" name="aa356d4893daa66cacdab7f63869b688" value="1" />
    </div>
  </form>
</div>
<hr>
<h2>重设密码</h2>
<h3>http://demo.joomla.cn/using-joomla/extensions/components/users-component/user-profile/profile.html</h3>
<p>同“编辑用户资料”！</p>
<hr />
<div class="contact">
  <h2> <span class="contact-name">Contact Name Here</span> </h2>
  <div id="contact-slider" class="pane-sliders">
    <div style="display:none;">
      <div> </div>
    </div>
    <div class="panel">
      <h3 class="pane-toggler title" id="basic-details"><a href="javascript:void(0);"><span>联系人</span></a></h3>
      <div class="pane-slider content">
        <div class="contact-image"> <img src="/images/powered_by.png" alt="联系人图像" align="middle" /> </div>
        <p class="contact-position">Position</p>
        <div class="contact-address"> <span class="jicons-icons" > <img src="/media/contacts/images/con_address.png" alt="地址: "  /> </span>
          <address>
          <span class="contact-street"> Street Address </span> <span class="contact-suburb"> Suburb </span> <span class="contact-state"> State </span> <span class="contact-postcode"> Zip Code </span> <span class="contact-country"> Country </span>
          </address>
        </div>
        <div class="contact-contactinfo">
          <p> <span class="jicons-icons" > <img src="/media/contacts/images/con_tel.png" alt="电话: "  /> </span> <span class="contact-telephone"> Telephone </span> </p>
          <p> <span class="jicons-icons" > <img src="/media/contacts/images/con_fax.png" alt="传真: "  /> </span> <span class="contact-fax"> Fax </span> </p>
        </div>
        <p></p>
      </div>
    </div>
    <div class="panel">
      <h3 class="pane-toggler title" id="display-form"><a href="javascript:void(0);"><span>发送电子邮件</span></a></h3>
      <div class="pane-slider content">
        <div class="contact-form">
          <form id="contact-form" action="/index.php/using-joomla/extensions/components/contact-component/single-contact" method="post" class="form-validate">
            <fieldset>
              <legend>发送一封Email。所有标记为星号（*）的都是必填项。</legend>
              <dl>
                <dt>
                  <label id="jform_contact_name-lbl" for="jform_contact_name" class="hasTip required" title="姓名::您的姓名">姓名<span class="star">&#160;*</span></label>
                </dt>
                <dd>
                  <input type="text" name="jform[contact_name]" id="jform_contact_name" value="" class="required" size="30"/>
                </dd>
                <dt>
                  <label id="jform_contact_email-lbl" for="jform_contact_email" class="hasTip required" title="电子邮件::联络用Email">电子邮件<span class="star">&#160;*</span></label>
                </dt>
                <dd>
                  <input type="text" name="jform[contact_email]" class="validate-email required" id="jform_contact_email" value="" size="30"/>
                </dd>
                <dt>
                  <label id="jform_contact_emailmsg-lbl" for="jform_contact_emailmsg" class="hasTip required" title="主题::请在此处填写您的正文的主题。">主题<span class="star">&#160;*</span></label>
                </dt>
                <dd>
                  <input type="text" name="jform[contact_subject]" id="jform_contact_emailmsg" value="" class="required" size="60"/>
                </dd>
                <dt>
                  <label id="jform_contact_message-lbl" for="jform_contact_message" class="hasTip required" title="正文::请在此处填写正文。">正文<span class="star">&#160;*</span></label>
                </dt>
                <dd>
                  <textarea name="jform[contact_message]" id="jform_contact_message" cols="50" rows="10" class="required"></textarea>
                </dd>
                <dt>
                  <label id="jform_contact_email_copy-lbl" for="jform_contact_email_copy" class="hasTip" title="给自己发送一份副本::发送送一份信息副本到您补充的地址。">给自己发送一份副本</label>
                </dt>
                <dd>
                  <input type="checkbox" name="jform[contact_email_copy]" id="jform_contact_email_copy" value=""/>
                </dd>
                <dt></dt>
                <dd>
                  <button class="button validate" type="submit">发送邮件</button>
                  <input type="hidden" name="option" value="com_contact" />
                  <input type="hidden" name="task" value="contact.submit" />
                  <input type="hidden" name="return" value="" />
                  <input type="hidden" name="id" value="1:name" />
                  <input type="hidden" name="faf9f3dc88c7cc5c10e9438d818ee962" value="1" />
                </dd>
              </dl>
            </fieldset>
          </form>
        </div>
      </div>
    </div>
    <div class="panel">
      <h3 class="pane-toggler title" id="display-links"><a href="javascript:void(0);"><span>链接</span></a></h3>
      <div class="pane-slider content">
        <div class="contact-links">
          <ul>
            <li> <a href="http://twitter.com/joomla"> Twitter </a> </li>
            <li> <a href="http://www.youtube.com/user/joomla"> YouTube </a> </li>
            <li> <a href="http://www.facebook.com/joomla"> Facebook </a> </li>
            <li> <a href="http://friendfeed.com/joomla"> FriendFeed </a> </li>
            <li> <a href="http://www.scribd.com/people/view/504592-joomla"> Scribed </a> </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="panel">
      <h3 class="pane-toggler title" id="display-misc"><a href="javascript:void(0);"><span>其他信息</span></a></h3>
      <div class="pane-slider content">
        <div class="contact-miscinfo">
          <div class="jicons-icons"> <img src="/media/contacts/images/con_info.png" alt="其他信息: "  /> </div>
          <div class="contact-misc">
            <p>Information about or by the contact.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
